//返回指定id返回的对象
function $(id) {
  return document.getElementById(id);
}
//姓名框失去焦点事件，做验证
function checkName() {
  //定义正则表达式
  let rexp = /^[a-zA-Z]{2,20}$/;
  let obj = $("nameSpan");
  //判断文本框内容是否匹配正则表达式
  if (rexp.test($("name").value)){
    obj.innerHTML = "验证通过";
    obj.style.color = "green";
    return true;
  }
  else {
    obj.innerHTML = "用户名必须是2-20个字母";
    obj.style.color = "red";
    return false;
  }
}
//密码框做验证
function checkPwd() {
  //定义正则表达式
  let rexp = /^[\d+]{6}$/;
  let obj = $("pwdSpan");
  //判断文本框内容是否匹配正则表达式
  if (rexp.test($("pwd").value)){
    obj.innerHTML = "验证通过";
    obj.style.color = "green";
    return true;
  }
  else {
    obj.innerHTML = "密码必须是6位数字";
    obj.style.color = "red";
    return false;
  }
}
//手机号做验证
function checkPhone() {
//定义正则表达式
  let rexp = /^1[358][\d+]{9}$/;
  let obj = $("phoneSpan");
  //判断文本框内容是否匹配正则表达式
  if (rexp.test($("phone").value)){
    obj.innerHTML = "验证通过";
    obj.style.color = "green";
    return true;
  }
  else {
    obj.innerHTML = "电话号码必须是13、15、18开始的11位数字。";
    obj.style.color = "red";
    return false;
  }
}

function checkBrithday() {
//定义正则表达式
  let rexp = /^[\d+]{4}-[\d+]{2}-[\d+]{2}$/;
  let obj = $("brithdaySpan");
  //判断文本框内容是否匹配正则表达式
  if (rexp.test($("brithday").value)){
    obj.innerHTML = "验证通过";
    obj.style.color = "green";
    return true;
  }
  else {
    obj.innerHTML = "生日必须是XXXX-XX-XX格式";
    obj.style.color = "red";
    return false;
  }
}
//邮箱框做验证
function checkEmail() {
//定义正则表达式
  let rexp = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;
  let obj = $("emailSpan");
  //判断文本框内容是否匹配正则表达式
  if (rexp.test($("email").value)){
    obj.innerHTML = "验证通过";
    obj.style.color = "green";
    return true;
  }
  else {
    obj.innerHTML = "邮箱必须是 3302318765@qq.com 的格式";
    obj.style.color = "red";
    return false;
  }
}

//阻止表单提交 返回的是0或者1
function submitForm2() {
  //先判断验证是否全部通过
  return checkName() & checkPwd() &
    checkPhone() & checkEmail() & checkBrithday()
}

